﻿
@{
    ViewBag.Title = "Cubículos";
}

<div class="row">
    <div class="col-md-12">
        <ol class="breadcrumb">
          <li>@Html.ActionLink("Home", "Index", "Home")</li>
          <li>@Html.ActionLink("Reservas", "Publications", "Reserves")</li>
          <li class="active">Cubículos</li>
        </ol>
    </div>
</div>

<div class="row">
    <div class="col-md-12 title">
        <h1>Historial de reservas de cubículos</h1>
    </div>
</div>

<div class="row">
    <div class="col-md-10">

        @if (TempData["message"] != null) { 
            <div class="alert alert-success" role="alert">@TempData["message"]</div>
        }

        <div class="form-group text-right">
            @Html.ActionLink("Reserver cubículo", "ReserveCubicleView", "Reserves", null, new { @class = "btn btn-primary"})
        </div>

        <div class="row form-group form-horizontal">
            <div class="col-sm-5">
                <label for="from" class="col-sm-3 control-label">De :</label> 
                <div class="col-sm-8">
                    <input class="form-control" type="date" name="from" value="10/12/2013" />     
                </div>              
            </div>
            <div class="col-sm-5">
                <label for="to" class="col-sm-3 control-label">Hasta :</label>
                <div class="col-sm-8">
                   <input  class="form-control" type="date" name="to" value="10/12/2014" />    
                </div>
            </div>
            <div class="col-sm-2">
                <button class="btn btn-primary pull-right">Buscar</button>
            </div>
        </div>
        <div>
            <table class="table-responsive table table-striped">
                <tr>
                    <th>Lugar</th>
                    <th>Fecha</th>
                    <th>Tiempo</th>
                    <th></th>
                </tr>
                <tr>
                    <td> C-23 </td>
                    <td> 10/09/2013 </td>
                    <td> 2h </td>
                    <td><a href="#"><i class="glyphicon glyphicon-remove"></i></a></td>
                </tr>

                <tr>
                    <td> C-23 </td>
                    <td> 10/09/2013 </td>
                    <td> 2h </td>
                    <td><a href="#"><i class="glyphicon glyphicon-remove"></i></a></td>
                </tr>

                <tr>
                    <td> C-23 </td>
                    <td> 10/09/2013 </td>
                    <td> 2h </td>
                    <td><a href="#"><i class="glyphicon glyphicon-remove"></i></a></td>
                </tr>

                <tr>
                    <td> C-23 </td>
                    <td> 10/09/2013 </td>
                    <td> 2h </td>
                    <td><a href="#"><i class="glyphicon glyphicon-remove"></i></a></td>
                </tr>

                <tr>
                    <td> C-23 </td>
                    <td> 10/09/2013 </td>
                    <td> 2h </td>
                    <td><a href="#"><i class="glyphicon glyphicon-remove"></i></a></td>
                </tr>

            </table>
        </div>
        <div>
            <ul class="pagination">
                <li><a href="#">&laquo;</a></li>
                <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
    </div>

</div>
